@charset "utf-8";

.zone {
	color: #fff;
	background: #0F395F;
	padding: 47px 0 0;
	height: calc(100vh - 47px);
}

.main {
	margin: 5px;
	background: #F7EFDE;
	border: 2px solid #779CBD;
	padding: 5px;
	height: calc(100vh - 72px);
}

.top-box {
	background: #F7E7CE;
	border: 1px solid #118FDE;
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 12px;
	margin-bottom: 8px;
}

.top-box img {
	width: 123px;
	display: block;
}

.top-box p {
	font-size: 17px;
	color: #5A4531;
	line-height: 20px;
	margin: 8px 0 6px;
}

.top-box span {
	font-size: 18px;
	color: #F00303;
	line-height: 20px;
}

.centerBox {
	background: #F7E7CE;
	border: 1px solid #118FDE;
	border-radius: 3px;
	padding: 10px;
}

.tit {
	font-size: 17px;
	color: #5A4531;
	line-height: 20px;
}

.optionBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 10px;
}
.option {
	width: 31%;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/wallet/2.png);
	background-size: 100% 100%;
	padding: 9px 0 11px;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #48342D, 1px -1px 1px #48342D, -1px 1px 1px #48342D, -1px -1px 1px #48342D;
}

.centerBox .active {
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/wallet/3.png);
}

.tit2 {
	margin-bottom: 20px;
}

.zfb {
	position: relative;
	display: flex;
	align-items: center;
	background: #4A6D9C;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4), 0px 1px 1px 0px #2C446F, 0px 0px 1px 0px rgba(44,68,111,0.66);
	border-radius: 5px;
	padding: 10px 10px;
}
.zfb img {
	width: 24px;
	margin-right: 8px;
}
.zfbin {
	display: flex;
	width: 100%;
}
.zfbin input {
	width: 50%;
	flex-grow: 1;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 14px;
}
.zfbin span {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 13px;
	line-height: 13px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #071F39, 1px -1px 1px #071F39, -1px 1px 1px #071F39, -1px -1px 1px #071F39;
}
.red {
	text-align: center;
	font-size: 15px;
	color: #F00303;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.confirm {
	width: 165px;
	/* height: 55px; */
	padding: 8px 0;
	display: block;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(http://img.qxgs.cc/tiantianlaishouzu/img/wallet/4.png);
	background-size: 100% 100%;
}
.confirm img {
	width: 35px;
	margin-right: 10px;
}
.confirm span {
	font-size: 17px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #8B2101, 1px -1px 1px #8B2101, -1px 1px 1px #8B2101, -1px -1px 1px #8B2101;
}
.tips1 {
	display: flex;
	flex-direction: column;
}
.tips1 p {
	font-size: 17px;
	color: #5A4531;
	line-height: 20px;
	margin-bottom: 8px;
}
.tips1 span {
	display: block;
	font-size: 12px;
	color: #896541;
	line-height: 20px;
}
.optiontop {
	font-size: 12px !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
}
